/*顶部样式*/
*{
	margin: auto;
}
a{
	text-decoration: none;
	cursor: pointer;
}
ul li{
	list-style: none;
}
i{
	font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*魅族商标*/
.layout-header {
    position: relative;
    width: 1243px;
    z-index: 998;
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}
.clearfix {
    zoom: 1;
}
.mzcontainer {
    width: 1240px;
    margin: 0 auto;
}
.layout-header .layout-header-logo {
    float: left;
    height: 80px;
    overflow: hidden;
}
.layout-header .layout-header-logo .layout-header-logo-link {
    position: relative;
    display: block;
    height: 80px;
    width: 150px;
}
/*顶部左边样式*/
.layout-header.layout-header-order .layout-header-bread {
    float: left;
    margin-left: 30px;
    line-height: 80px;
}
.layout-header.layout-header-order .layout-header-bread .layout-header-bread-block {
    float: left;
    font-size: 14px;
    color: #999;
    color: #999;
}
/*顶部右边样式*/
.layout-header.layout-header-order .layout-header-right {
    float: right;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    margin-top: 20px;
}
.layout-header.layout-header-order .layout-header-right .layout-header-right-item {
    float: left;
    padding: 0 20px;
    font-size: 12px;
    line-height: 40px;
}
.layout-header.layout-header-order .layout-header-right .layout-header-right-link {
    color: #666;
    transition: all .2s linear;
}
.layout-header.layout-header-order .layout-header-right .layout-header-right-item {
    float: left;
    padding: 0 20px;
}
.layout-header.login .signout {
    display: none!important;
}
.layout-header.layout-header-order .layout-header-bread .layout-header-bread-block:after {
    content: '>';
    margin: 0 10px;
    color: #999;
}
.layout-header.layout-header-order .layout-header-bread .layout-header-bread-block:last-child:after {
    content: '';
    margin: 0;
}
/*账号下拉*/
.layout-header.login .signin {
    display: block!important;
}
.layout-member {
    float: left;
    height: 40px;
}
.layout-header.layout-header-order .layout-header-right .layout-member-link {
    border-top: 1px solid transparent;
}
/*我的订单*/
.layout-member .layout-member-link {
    position: relative;
    height: 40px;
    display: block;
    font-size: 12px;
    padding: 0 20px;
    line-height: 40px;
    color: #666;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transition: all .2s linear;
}
.layout-header-right-item .layout-header-right-link:first-child:hover{
	color: #00C3F5;
}
.layout-member .layout-member-username {
    display: inline-block;
    max-width: 72px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}
/*下拉图标*/
.layout-member .layout-member-triangle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 14px;
    margin-left: 5px;
}
.layout-member .layout-member-triangle:after {
    border-top: 4px solid #fafafc;
    margin-top: -3px;
}
.layout-member .layout-member-triangle:after, .layout-member .layout-member-triangle:before {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    content: '';
    margin-top: -2px;
    border-bottom: 0;
    border-top: 4px solid #666;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transition: border .2s linear;
}
/*下拉框内容*/
.layout-member-downmenu {
    line-height: normal;
    font-size: 12px;
    background-color: #fff;
    margin-left:-38px;
    border: 0;
    transition: height .2s linear,border-width .2s linear;
}
.layout-member-downmenu .layout-member-downmenu-link {
    display: block;
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    color: #666;
    transition: all .2s linear;
}
.layout-member{
	overflow: hidden;
}
.layout-member:hover{
	height: auto;
}
.layout-member-downmenu-item:hover{
	background-color:#E9E9E9;
}
/*中部样式*/
.order, body {
    background-color: #F4F6FA;
}
.order *, .order :after, .order :before {
    box-sizing: border-box;
}
.mzcontainer {
    width: 1240px;
    margin: 0 auto;
}
.order-address {
    position: relative;
    padding: 0 24px;
    margin-top: 10px;
    background-color: #FFF;
}
.order-address .order-address-title {
    padding-top: 32px;
    font-size: 18px;
    font-weight: 500;
}
.order-address .order-address-list {
    margin-top: 16px;
    overflow: hidden;
    height: 174px;
    transition: height .8s;
}
.order-address .order-address-list li:nth-child(4n+1) {
    margin-left: 0!important;
}
.order-address .order-address-checkbox.checked, .order-address .order-address-checkbox:hover {
    border: 1px solid #00c3f5;
}
.order-address .order-address-checkbox {
    float: left;
    position: relative;
    width: 288px;
    height: 148px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 16px;
    margin: 0 0 30px 12px;
    transition: border-color .8s;
}
.order-address .order-address-checkbox .order-address-checkbox-top {
    font-size: 12px;
    padding-top: 16px;
    color: #262626;
    height: 45px;
    border-bottom: 1px solid #EFEFEF;
    font-weight: bolder;
}
.order-address .order-address-checkbox .order-address-checkbox-top .order-address-checkbox-name {
    float: left;
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
}
.order-address .order-address-checkbox .order-address-checkbox-top .order-address-checkbox-phone {
    float: right;
}
.order-address .order-address-checkbox .order-address-checkbox-content {
    padding-top: 10px;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 12px;
    max-height: 70px;
    overflow: hidden;
    color: #595959;
}
.order-address .order-address-checkbox.checked .order-address-checkbox-checked, .order-address .order-address-checkbox.disabled:hover .order-address-checkbox-tips {
    display: block;
}
.order-address .order-address-checkbox .order-address-checkbox-checked {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}
.order-address .order-address-checkbox .order-address-checkbox-checked:before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: #00c3f5;
    width: 20px;
    height: 20px;
}
.order-address .order-address-checkbox .order-address-checkbox-checked:after {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    background-image:url(../img/cd.png) 
}
.order-address .order-address-checkbox .order-address-checkbox-ctrl {
	margin-left: -70px;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100px;
    height: 20px;
    font-size: 14px;
    padding-top: 10px;
    color: #00c3f5;
}

.order-address .order-address-checkbox .order-address-checkbox-delete, .order-address .order-address-checkbox .order-address-checkbox-edit {
    margin-right: 10px;
    float: right;
}
/*新增地址*/
.order-address .order-address-checkbox {
    float: left;
    position: relative;
    width: 288px;
    height: 148px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 16px;
    margin: 0 0 30px 12px;
}
.order-address .order-address-checkbox .order-add-icon {
    margin-left: 105px;
    margin-top: 50px;
}
.order .order-add-icon {
	font-size: 30px;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #BDBDBD;
}.order .order-add-icon:hover{
	color: #00C3F5;
}
.order .order-add-icon:before {
    left: 7px;
    top: 13px;
    width: 16px;
    height: 4px;
}
.order .order-add-icon:after {
    left: 13px;
    top: 7px;
    width: 4px;
    height: 16px;
}
.order-address .order-address-checkbox .order-address-add-text {
    margin-top: 8px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
.clearfix:after {
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.order-address-checkbox div:hover{
	color: #00C3F5;
}
/*确认订单*/
.order-product {
    padding: 0 24px 30px;
    background-color: #FFF;
}
.order-product .order-product-title {
    font-size: 18px;
    color: #262626;
    padding: 25px 0 16px;
    font-weight: 500;
}
/*确认订单的商品列表*/
.order-product table {
    border: 1px solid #EFEFEF;
}
.order-product thead {
    font-size: 12px;
    color: rgba(51,51,51,.6);
    border-bottom: 1px solid #EFEFEF;
}
.order-product thead tr {
    height: 50px;
    background: #f6f8fb;
}
.order-product .order-product-table-name {
    width: 500px;
    text-align: left;
}
.order-product .order-product-supplier {
    position: relative;
    font-weight: 400;
    color: #262626;
    font-size: 14px;
    margin-left: 24px;
    cursor: pointer;
}
.order-product .order-product-supplier .order-product-supplier-name {
    color: #333;
}
.order-product .order-product-table-name {
    width: 500px;
    text-align: left;
}
.order-product .order-product-table-price {
    text-align: center;
    width: 228px;
}
.order-product .order-product-table-num {
    text-align: center;
    width: 140px;
}
.order-product .order-product-table-total {
    text-align: center;
    width: 160px;
}
.order-product .table-express-header {
    text-align: center!important;
}
.order-product .order-product-table-express {
	font-size: 14px;
    text-align: left;
    padding-left: 16px;
    width: 192px;
    line-height: 25px;
}
/*确认订单中部*/
.order-product tbody tr {
    height: 150px;
    border-top: 1px solid #EFEFEF;
}
.order-product .order-product-table-name {
    width: 500px;
    text-align: left;
}
.order-product .order-product-link {
    color: #262626;
    line-height: 22px;
}
.order-product .order-product-image {
    vertical-align: middle;
    height: 100px;
    width: 100px;
    margin-left: 24px;
    margin-right: 16px;
}
.order-product .order-product-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #262626;
    width: 300px;
}
.order-product .order-product-name-item {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order-product .order-product-name-item.cspu-desc {
    margin-top: 10px;
    color: darkgrey;
    font-size: 14px;
}
.order-product tbody .order-product-table-price {
    text-align: center;
}
.order-product .order-product-table-price {
    text-align: center;
    width: 228px;
}
.order-product .order-product-price {
    font-size: 14px;
    color: #333;
}
.order-product .order-product-price:before {
    content: "\FFE5";
    margin-right: 2px;
}
.order-product .order-product-table-num {
    text-align: center;
    width: 140px;
}
.order-product .order-product-table-total {
    text-align: center;
    width: 160px;
}
.order-product .order-product-price.red {
    color: #E02B41;
}
.order-product .order-product-price {
    font-size: 14px;
    color: #333;
}
.order-product tbody .order-product-table-express {
    border-left: 1px solid #EFEFEF;
    color: #333;
}
.order-product .order-product-table-express {
    text-align: left;
    padding-left: 16px;
    width: 192px;
    line-height: 25px;
}
.order-product .order-product-price.red {
    color: #E02B41;
}
.order-product tbody .order-product-table-express div {
    font-size: 12px;
    color: rgba(51,51,51,.4);
}
/*确认订单底部*/
.order-product tfoot {
    border-top: 1px solid #EFEFEF;
    color: #666;
}
.order-product .order-product-footer {
    vertical-align: middle;
}
.order-product .order-product-info {
    padding: 15px 0 15px 25px;
    color: #595959;
    font-size: 12px;
}
.order-product .order-product-invoice {
    min-height: 40px;
}
.order-product .order-product-invoice .order-product-invoice-type {
    font-size: 14px;
    display: inline-block;
}
.order-product .order-product-invoice .order-product-invoice-icon {
    display: inline-block;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #00c3f5;
    line-height: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.order-product .order-product-invoice .order-product-invoice-icon:after {
    font-size: 12px;
    content: "?";
}
.order-product .order-product-invoice .order-product-invoice-edit {
    margin-left: 10px;
    color: #00c3f5;
    cursor: pointer;
    font-size: 14px;
}
.order-product .order-product-invoice .order-product-invoice-info {
    margin-top: 10px;
    color: #8c8c8c;
}
/*总价*/
.order-product .order-product-total {
    padding-right: 26px;
    text-align: right;
    font-size: 14px;
    color: #666;
}
.order-product .order-product-total .order-product-price {
    font-size: 20px;
}
.order-product .order-product-price.red {
    color: #E02B41;
}
.order-product .order-product-remark {
    overflow: hidden;
    height: 46px;
    border-top: 1px solid #EFEFEF;
}
.order-product .order-product-remark .order-product-remark-title {
    display: inline-block;
    vertical-align: top;
    margin-left: 24px;
    margin-top: 4px;
    line-height: 46px;
    font-size: 14px;
    color: #999;
}
.order-product .order-product-remark .order-product-remark-input {
    border: none;
    width: 552px;
    height: 48px;
    background-color: #fff;
    resize: none;
    outline: 0;
    padding-top: 15px;
    color: #999;
}

/* 底部盒子 */
.meizu-footer{
	position: relative;
	margin: 0 auto;
	padding: 0;
	z-index: 999;
	bottom: 0;
	left: 0;
	width: 1243px;
    height: 246px;
    color: #999999;
    font-size: 12px;
    font-weight: 400;
    background-color: #fff;
}
.meizu-footer div{
	display: block;
}
/*底部顶上实线*/
.meizu-footer-link{
	padding: 48px 0 20px;
    border-top: 1px solid #f1f1f1;
}
.meizu-footer-service{
	width: 1000px;
	float: left;
}

.meizu-footer-link .meizu-row ul li{
	display: block;
	float: left;
    text-align: center;
    width: 15%;
}
.meizu-footer-link .meizu-row li a{
	display: block;
    overflow: hidden;
}
/*底部顺丰等图片样式*/
.meizu-footer-link .meizu-row ul img{
	width: 50px;
	display: block;
    margin: 0 auto;
}
.meizu-footer-service span{
	line-height: 30px;
    color: #999999;
}
/*底部右边盒子*/
.onlive-server{
	float: right;
    text-align: right;
    margin-top: -18px;
    margin-right: 8px;
}
.onlive-server span{
	color: #999999;
    font-size: 12px;
    line-height: 30px;
}
.onlive-server .tel{
	color: #00c3f5;
    font-size: 25px;
    font-weight: 400;
    margin-top: -6px;
    line-height: 40px;
}
.onlive-btn{
	height: 30px;
    padding: 0 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 20px;
    margin-top: 3px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    background: #0bbbef;
}
/*在线客服底下划线*/
.foot-hr{
	margin: 10px auto 28px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eee;
    padding: 0;
    width: 1240px;
}
/*底部了解详情*/
.meizu-row-row{
	max-width: 1240px;
    position: relative;
}
.meizu-footer-info{
	color: rgb(153,153,153);
	font-size: 12px;
	margin-top: 30px;
}
.meizu-footer-info .meizu-footer-info-left li{
	display: block;
    text-align: center;
    margin-left: -32px;
}
.meizu-footer-info .meizu-footer-info-left span{
	padding-right: 15px;
    border-right: 1px solid #d6d6d6;
    float: left;
    height: 18px;
    margin-right: 15px;
}
.meizu-footer-info .meizu-footer-info-left span:hover{
	color: #00C3F5;
}
/*最底部*/
.meizu-footer-certificate{
	float: left;
	display: block;
	padding-top: 8px;
	margin-left: 10px;
}
.meizu-footer-certificate a{
	padding: 9px;
}
.meizu-footer-certificate a:hover{
	color: #00C3F5;
}
.ii-subscribe{
	float: right;
	position: relative;
	margin-right: 50px;
}
.ii-subscribe a{
	display: inline-block;
	margin-right: -100px;
	padding-right: 20px;
}

/*修改地址*/
.mz-mask {
	display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(153,153,153,0.6);
    z-index: 9999;
    animation: .5s ease mask-show forwards 1;
}
.address-adder {
    width: 760px;
    margin-left: -380px;
}
.mz-dialog {
    position: absolute;
    min-height: 240px;
    border-radius: 4px;
    overflow: hidden;
    line-height: normal;
    background-color: #FFF;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -120px;
    animation: .5s ease dialog-show forwards 1;
}
.mz-dialog .mz-dialog-header {
    position: relative;
    height: 50px;
    color: #333;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #EFEFEF;
    font-size: 18px;
    font-weight: bolder;
    border-radius: 4px 4px 0 0;
}
.mz-dialog .mz-dialog-header .mz-dialog-close {
    position: absolute;
    right: 26px;
    top: 18px;
    width: 15px;
    height: 15px;
    color: #BDBDBD;
    cursor: pointer;
    transition: .5s all;
}
.mz-dialog .mz-dialog-header .mz-dialog-close:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-image:url(../img/x.png);
    font-weight: bolder;
}
.mz-dialog .mz-dialog-main {
    display: table;
    padding: 30px;
    word-break: break-all;
    word-wrap: break-word;
    width: 440px;
}
.mz-dialog .mz-dialog-main .mz-dialog-warp {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
    color: #999;
    font-size: 14px;
    line-height: 22px;
}
.mz-dialog.dialog .mz-dialog-content, .mz-dialog.tips .mz-dialog-content {
    text-align: center;
}
.address-adder .mz-dialog-content {
    width: 700px;
}
.address-adder .address-adder-content {
    padding-left: 40px;
}
.address-adder .address-adder-row {
    line-height: 36px;
    margin-bottom: 24px;
}
.clearfix:after, .clearfix:before, .mzcontainer::after, .mzcontainer::before {
    display: table;
    content: " ";
}
.address-adder .address-adder-title {
    float: left;
    min-width: 77px;
    margin-right: 10px;
    color: #666;
}
.address-adder .address-adder-must {
    color: #00c3f5;
}
.address-adder .mz-input-warp {
    float: left;
}
.mz-input-warp {
    position: relative;
}
.mz-input, .mz-input-warp, .mz-selectmenu {
    display: inline-block;
    vertical-align: middle;
}
.address-adder .address-adder-row {
    line-height: 36px;
    margin-bottom: 24px;
}
.address-adder .address-adder-name {
    width: 158px;
    margin-right: 30px;
}
.mz-input {
    outline: 0;
    border: 1px solid #EFEFEF;
    width: 187px;
    height: 36px;
    padding: 0 10px;
    color: #666;
    transition: .5s all;
    background-color: #FFF;
}
.address-adder .address-adder-title {
    float: left;
    min-width: 77px;
    margin-right: 10px;
    color: #666;
}
.address-adder .address-adder-title {
    float: left;
    min-width: 77px;
    margin-right: 10px;
    color: #666;
}
.mz-address .mz-selectmenu {
    margin-right: 10px;
}
.address-adder .mz-selectmenu {
    width: 103px;
}
.mz-selectmenu {
    position: relative;
    width: 85px;
    height: 35px;
    border: 1px solid #e3e4e4;
    overflow: hidden;
    line-height: 35px;
    padding: 0 10px 0 5px;
    cursor: pointer;
    transition: all .3s;
}
.mz-selectmenu .mz-downmenu-input {
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
}
.mz-selectmenu:after {
    position: absolute;
    content: " ";
    background:url(../img/13.png) no-repeat;
    width: 6px;
    height: 6px;
    right: 3px;
    bottom: 3px;
}
.address-adder .mz-address .mz-address-other {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 490px;
    height: 38px;
}
.mz-address .mz-address-other {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 85px;
    height: 35px;
}
/*详细地址*/
.address-adder .address-adder-title {
    float: left;
    min-width: 77px;
    margin-right: 10px;
    color: #666;
}
.address-adder .address-adder-detail {
    width: 504px;
}
.clearfix:after {
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
/*确认按钮*/
.mz-dialog .mz-dialog-bottom {
	margin-bottom: 30px;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.mz-btn {
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    min-width: 58px;
    min-height: 34px;
    line-height: 34px;
    transition: .5s all;
    padding: 0 20px;
}
.mz-btn.success {
	margin-right: 10px;
    color: #FFF;
    border-color: #00c3f5;
    background-color: #00c3f5;
    width: 58px;
}

.mz-dialog .mz-dialog-bottom .mz-btn:last-child {
    margin-right: 0;
}
.mz-btn.cancel {
    color: #999;
    border-color: #EFEFEF;
    background-color: #EFEFEF;
    width: 58px;
}
.mz-btn, .mz-captcha-input, .mz-captcha-shield, .mz-loading {
    display: inline-block;
}

/*确认支付*/
.order-total {
	width: 1193px;
    overflow: hidden;
    padding: 0 24px 30px;
    color: #898989;
    background-color: #FFF;
}
.order-total .order-total-content {
    float: right;
    width: 318px;
    font-size: 14px;
}
.order-total .order-total-row {
    padding: 0 2px;
    margin-bottom: 12px;
}
.order-total .order-total-price {
    float: right;
}
.order-total .order-total-discount {
    display: none;
}
.order-total .order-total-price:before {
    content: "\FFE5";
}
.order-total .order-total-price.sub {
    color: #e02b41;
}
.order-total .order-total-price:before {
    content: "\FFE5";
}
.order-total .order-total-line {
    width: 100%;
    height: 1px;
    background-color: #EFEFEF;
    margin-bottom: 20px;
}
.order-total .order-total-price.total {
    color: #e02b41;
    font-size: 20px;
    font-weight: bolder;
}
.order-total .order-total-price:before {
    content: "\FFE5";
}
.order-total .order-total-row.order-total-valid-row {
    font-size: 0;
    margin-bottom: 5px;
    padding-right: 0;
}
.order-total .order-total-valid {
    position: relative;
    float: left;
    width: 200px;
    margin-right: 14px;
}

.order-total .order-total-row.order-total-valid-row .mz-btn {
	width: 105px;
    float: right;
    border-color: #F66567;
    background-color: #F66567;
    border-radius: 2px;
    margin-right: -5px;
}

